<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			.A{position: relative;
					   border: 0px dashed black;
				   width: 300px;
				   height: 30px;}
				   .B{position: relative;
				   		   border: 1px dashed black;
				   	   width: 300px;
				   	   height: 30px;}
					   .C{position: relative;
					   		   border: 1px solid black;
					   	   width: 300px;
					   	   height: 30px;}
						   .D{position: relative;
						   		   border: 1px double black;
						   	   width: 300px;
						   	   height: 30px;}
							   .E{position: relative;
							   		   border: 1px  black;
							   	   width: 300px;
							   	   height: 30px;}
								   .F{position: relative;
								   		   border:  groove ;
								   	   width: 300px;
								   	   height: 30px;}
									   .G{position: relative;
									   		   border:  ridge ;
									   	   width: 300px;
									   	   height: 30px;}
										   .H{position: relative;
										   		   border: outset ;
										   	   width: 300px;
										   	   height: 30px;}
		</style>
	</head>
	<body>
		<div class="A">点状边框</div><br />
			<div class="B">虚线边框</div><br />
				<div class="C">实线边框</div><br />
					<div class="D">双边框边框</div><br />
						<div class="E">无边框</div><br />
						  <div class="F">3D凹槽边框</div><br />
						    <div class="G">3D垄断边框</div><br />
						      <div class="H">3D outSet边框</div><br />
	</body>
</html>
